{% if adminform.model_admin.compressed_fields %}
    <div class="flex flex-col gap-2 py-2 lg:flex-row">
        <div class="font-medium flex items-start -ml-2 min-w-32 w-32 lg:min-w-56 lg:w-56">
            {{ field.label_tag }}
        </div>

        <div class="grow">
            <div class="flex flex-col lg:flex-row">
                {{ field.field }}

                {% if field.field.help_text %}
                    <div class="lg:-mt-2 lg:ml-2">
                        {% include "unfold/helpers/help_text.html" with help_text=field.field.help_text %}
                    </div>
                {% endif %}
            </div>

            {% if field.errors %}
                <div class="mt-2 text-red-600 text-xs dark:text-red-500">
                    {{ field.errors }}
                </div>
            {% endif %}
        </div>
    </div>
{% else %}
    <div class="flex flex-row">
        {{ field.field }}

        <div class="flex flex-col">
            {{ field.label_tag }}

            {% if field.field.help_text %}
                <div class="ml-2 -mt-1">
                    {% include "unfold/helpers/help_text.html" with help_text=field.field.help_text %}
                </div>
            {% endif %}

            {% if field.errors %}
                <div class="mt-2 text-red-600 text-xs dark:text-red-500">
                    {{ field.errors }}
                </div>
            {% endif %}
        </div>
    </div>
{% endif %}
